<link rel="stylesheet" href="/layui-v2.8.0/lay-module/markdown/css/editormd.min.css"/>

<script type="application/javascript" src="/layui-v2.8.0/lay-module/markdown/editormd.js" charset="utf-8"></script>
<div class=" col-12 m-0 p-0 pb-2 mt-2"  >
    <div class="card text-danger">
        <div class="card-header">markDown 在线编辑说明</div>
        <div class="card-body">
            去掉了时序/序列图/流程图支持<br>
            去掉了本地图片/emoji表情包
        </div>
    </div>
</div>
<div class=" col-12  m-0 p-0" >
    <div class="card border-0">
        <div class="card-header border-0">markDown 在线编辑</div>
        <div class="card-body  m-0 p-0 border-0">
            <div name="editMarkDownInfos" id="editMarkDownInfos">
                <textarea placeholder="请输入文本内容" style="display: none"></textarea>
            </div>
        </div>
    </div>

</div>
<script>
    $(function () {
        var winHeight = $(window).height();
        //设置内容高度
        var height = $(".navbar").outerHeight();
        //设置内容页高度
        var heightBe = $(".beianhao").height();
        var editMarkDownInfosheight = winHeight- height - heightBe-220 ;

        var markDownEditor = editormd("editMarkDownInfos", {
            // 滚动条纵向滚动,设置为false取消滚动
            syncScrolling: "single",
            // lib资源路径
            path: "../../layui-v2.8.0/lay-module/markdown/lib/",
            // 编辑器工具栏区域样式风格
            theme: "default",
            // 编辑器编辑部分样式风格
            editorTheme: "default",
            // 预览区域样式风格
            previewTheme: "default",
            height: editMarkDownInfosheight,
            // 开启表情使用
            emoji: false,
            width: "100%",
            codeFold: true,
            //syncScrolling : false,
            saveHTMLToTextarea: true,    // 保存 HTML 到 Textarea
            searchReplace: true,
            watch: true,                // 关闭实时预览
            htmlDecode: "style,script,iframe|on*",            // 开启 HTML 标签解析，为了安全性，默认不开启
            placeholder: "请输入内容",
            taskList: true,
            tocm: true,         // Using [TOCM]
            tex: true,                   // 开启科学公式TeX语言支持，默认关闭
            sequenceDiagram: false,       // 开启时序/序列图支持，默认关闭,
            imageUpload: false
        });
        markDownEditor.show();//显示编辑器
    });
</script>